@charset "utf-8";
@import "public";
.content{
        .ri_content{
            float: left;
            width: 827px;
            height: 486px;
            margin: 25px 0 96px 0;
            .SR{
                margin: 0 0 0 8px;
                p{
                    display: block;
                    margin: 0 0 19px 0;
                    font-size: 20px;
                    color: #444f58;
                }
                .SR_list{
                    width: 100%;
                    height: 178px;
                    border: 1px solid #efefef;
                    li{
                        margin: 60px 0 0 0;
                        float: left;
                        width: 275px;
                        height: 100%;
                        font-size: 40px;
                        color: #e60012;
                        text-align: center;
                        span{
                            cursor: pointer;
                            display: block;
                        }
                        span:last-child{
                            display:inline-block;
                            font-size: 14px;
                            font-family: "microsoft yahei";
                            margin-bottom: initial;
                            color: #444f58;
                            img{
                                display: inline-block;
                                vertical-align: middle;
                            }
                        }
                    }
                    li:first-child{
                        width: 266px;
                    }
                }
            }
            .GK{
                margin: 0 0 0 8px;
                position: relative;
                p{
                    display: block;
                    margin: 35px 0 21px 0;
                    font-size: 20px;
                    color: #444f58;
                }
                .selects{
                    position: absolute;
                    top: 0;
                    right: 0;
                    width: 90px;
                    height: 30px;
                    border: 1px solid #e7e7e7;
                    select{
                        border: 0;
                        outline: none;
                        width: 100%;
                        height: 100%;
                        padding: 0 0 0 8px;
                        appearance: none;
                        -webkit-appearance: none;
                        -moz-appearance: none;
                    }
                    &:after{
                        content: "";
                        width: 11px;
                        height: 7px;
                        background: url(../img/select.png) no-repeat center;
                        //通过定位将图标放在合适的位置
                        position: absolute;
                        right: 10px;
                        top: 43%;
                        //给自定义的图标实现点击下来功能
                        pointer-events: none;
                    }
                }
                .GK_list{
                    width: 100%;
                    height: 178px;
                    border: 1px solid #efefef;
                    li{
                        margin: 40px 0 0 0;
                        float: left;
                        width: 275px;
                        height: 100%;
                        font-size: 40px;
                        color: #e60012;
                        text-align: center;
                        span{
                            cursor: pointer;
                            display: block;
                        }
                        span:last-child{
                            display:inline-block;
                            font-size: 14px;
                            font-family: "微软雅黑";
                            margin-bottom: initial;
                            color: #444f58;
                            img{
                                display: inline-block;
                                vertical-align: middle;
                            }
                        }
                    }
                    li:first-child{
                        width: 266px;
                    }
                }
            }
        }
}